<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">

        <div class="modal-header  light-blue darken-3 white-text">
            <h5 class="modal-title">{{ 'scheduler.transform.long'|trans }}</h5>
            <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">


            <div id="scheduleSlots">
                <div id="slot">
                    {% if room.schedulings|length>0 %}
                        <ul class="list-group">
                        {% for s in room.schedulings[0].schedulingTimes|sort((a, b) => scheduleNumber(b,0)  <=> scheduleNumber(a,0) ) %}

                                <li class="list-group-item d-flex flex-column schedulingTimeSlot" id="scheduling_best_{{ s.id }}">
                                    <div class="d-flex">
                                        <p class="mb-0">{{ s.time|date('d.m.Y  H:i') }}{% if s.createdFrom %}
                                                <small>{{ s.createdFrom.email }}</small>{% endif %}</p>
                                    </div>
                                    <div class="d-flex align-items-center flex-column flex-sm-row">
                                        <div class="d-flex mb-2 mb-sm-0 w-100 justify-content-between  me-sm-3"
                                             style="flex: 1">
                                            <div class="chip btn-outline-success"

                                            >
                                                <div class="symbol"
                                                     data-mdb-tooltip-init
                                                     title="{{ 'Ja'|trans }}">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <div class="content">
                                                    {{ scheduleNumber(s,0) }}
                                                    <a
                                                            tabindex="0"
                                                             data-mdb-popover-init
                                                            data-mdb-trigger="focus"
                                                            data-mdb-html="true"
                                                            title="{{ 'Abstimmung'|trans }}"
                                                            data-mdb-content="{% if scheduleUser(s,0)|length >0 %}{% for s in scheduleUser(s,0) %}{{ s.user.email }}<br>{% endfor %}{% else %}{{ 'Keine Abstimmungen'|trans }}{% endif %}"><i
                                                                class="fa fa-info-circle"></i>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="chip btn-outline-danger"

                                            >
                                                <div class="symbol"
                                                     data-mdb-tooltip-init
                                                     title="{{ 'Nein'|trans }}">
                                                    <i class="fa fa-times"></i>
                                                </div>
                                                <div class="content">
                                                    {{ scheduleNumber(s,1) }}
                                                    <a tabindex="0"  data-mdb-popover-init data-mdb-trigger="focus"
                                                       data-mdb-html="true"
                                                       title="{{ 'Abstimmung'|trans }}"
                                                       data-mdb-content="{% if scheduleUser(s,1)|length >0 %}{% for s in scheduleUser(s,1) %}{{ s.user.email }}<br>{% endfor %}{% else %}{{ 'Keine Abstimmungen'|trans }}{% endif %}"><i
                                                                class="fa fa-info-circle"></i>
                                                    </a>
                                                </div>
                                            </div>

                                            {% if room.allowMaybeOption %}
                                                <div class="chip btn-outline-warning"

                                                >
                                                    <div class="symbol"
                                                         data-mdb-tooltip-init
                                                         title="{{ 'Vielleicht'|trans }}">
                                                        <i class="fa fa-question"></i>
                                                    </div>
                                                    <div class="content">
                                                        {{ scheduleNumber(s,2) }}&nbsp;
                                                        <a
                                                                tabindex="0"
                                                                 data-mdb-popover-init
                                                                data-mdb-trigger="focus"
                                                                data-mdb-html="true"
                                                                title="{{ 'Abstimmung'|trans }}"
                                                                data-mdb-content="{% if scheduleUser(s,2)|length >0 %}{% for s in scheduleUser(s,2) %}{{ s.user.email }}<br>{% endfor %}{% else %}{{ 'Keine Abstimmungen'|trans }}{% endif %}"
                                                        >
                                                            <i class="fa fa-info-circle"></i>
                                                        </a>
                                                    </div>
                                                </div>


                                            {% endif %}


                                        </div>

                                        <div class="d-flex w-100" style="flex: 0">
                                            <div class="btn-group w-100" style="margin-right: 0">
                                                <a href="{{ path('schedule_admin_choose',{'id':s.id}) }}"
                                                   class="btn btn-sm btn-outline-success m-0 px-3 py-2 z-depth-0 waves-effect confirmHref"
                                                   data-text="{{ 'Wollen Sie diese Terminplanung in eine Konferenz umwandeln?'|trans }}">
                                                    <i class="fa fa-check"></i></a>

                                            </div>
                                        </div>

                                    </div>

                                </li>

                        {% endfor %}
                        </ul>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a href="{{ path('schedule_download_csv',{'id':room.id}) }}"
               class="btn btn-outline-primary mb-2 w-100">{{ 'Als CSV Downloaden'|trans }}</a>

        </div>
    </div>
</div>
